<template>
  <div id="FormDialog">
    <el-row>
      <el-col :span="24" class="margin_col">
        <div class="always_handerOne">
          <div class="always_hander"></div>
          <div class="always_title">
            {{ title ? `${title}` : "评审基础数据表单" }}
          </div>
        </div>
      </el-col>
      <el-col :span="24" class="margin_col">
        <div class="always_handerOne1">
          <el-collapse v-model="activeNames">
            <el-collapse-item name="2">
              <template slot="title">
                <div class="always_title1">
                  <div></div>
                  基本信息
                </div>
              </template>
              <el-form
                :model="formData"
                ref="vForm"
                :rules="rules"
                label-position="center"
                label-width="120px"
                :size="medium"
                style="display: flex; justify-content: flex-start"
              >
                <el-form-item label="评审项目" prop="reviewProject">
                  <el-input
                    v-model="formData.reviewProject"
                    type="text"
                    clearable
                    :size="medium"
                    placeholder="请输入内容"
                    :disabled="projectDisabled"
                  ></el-input>
                </el-form-item>
                <el-form-item label="上级项目" prop="reviewObjective">
                  <treeselect
                    :size="medium"
                    v-model="reviewObjective"
                    :options="deptOptions"
                    placeholder="请选择上级项目"
                    :disabled="projectUpDisabled"
                    :show-count="true"
                    max-height="150"
                    style="position: relative; z-index: 100 !important"
                    show-all-levels
                  />
                </el-form-item>
                <el-form-item
                  label="评审类型"
                  prop="reviewClassify"
                  class="required"
                >
                  <el-select
                    v-model="formData.reviewClassify"
                    class="full-width-input"
                    clearable
                    :size="medium"
                    @change="classifyChange"
                    :disabled="classifyDisabled"
                  >
                    <el-option
                      v-for="dict in dict.type.sys_review_classify"
                      :key="dict.value"
                      :label="dict.label"
                      :value="{ value: dict.value, label: dict.label }"
                    ></el-option>
                  </el-select>
                </el-form-item>
                <el-form-item
                  label="评审编码"
                  prop="reviewCode"
                  class="required"
                >
                  <el-input
                    v-model="formData.reviewCode"
                    type="text"
                    clearable
                    :size="medium"
                    placeholder="请输入内容"
                    :disabled="reviewCodeDisabled"
                  ></el-input>
                </el-form-item>
                <el-form-item label="控制点">
                  <el-radio-group
                    v-model="formData.isControlPoint"
                    @change="isControlPointChange"
                    :disabled="groupDisabled"
                  >
                    <el-radio :label="2">是</el-radio>
                    <el-radio :label="1">否</el-radio>
                  </el-radio-group>
                </el-form-item>
                <!--                  <el-form-item-->
                <!--                    label="备注"-->
                <!--                    prop="remark"-->
                <!--                    class="sel-width"-->
                <!--                  >-->
                <!--                    <el-input-->
                <!--                      type="textarea"-->
                <!--                      :rows="2"-->
                <!--                      placeholder="请输入内容"-->
                <!--                      v-model="formData.remark"-->
                <!--                      :disabled="remarkDisabled"-->
                <!--                    >-->
                <!--                    </el-input>-->
                <!--                  </el-form-item-->
                <!--                  >-->
                <el-form-item
                  label="标准分"
                  prop="reviewStandardScore"
                  class="required"
                >
                  <el-input
                    v-model="formData.reviewStandardScore"
                    type="number"
                    clearable
                    :size="medium"
                    placeholder="请输入内容"
                    @input="handleInput"
                    :disabled="reviewStandardScoreDisabled"
                  ></el-input>
                </el-form-item>
                <!--                <el-form-item-->
                <!--                  label="工作情况"-->
                <!--                  prop="conditions"-->
                <!--                  v-show="!reviewStandardScoreShow"-->
                <!--                  class="required"-->
                <!--                >-->
                <!--                  <el-input-->
                <!--                    v-model="formData.conditions"-->
                <!--                    type="text"-->
                <!--                    clearable-->
                <!--                    :size="medium"-->
                <!--                    placeholder="请输入内容"-->
                <!--                    :disabled="reviewStandardScoreDisabled"-->
                <!--                  ></el-input>-->
                <!--                </el-form-item>-->
                <el-form-item
                  label="评审标准"
                  prop="reviewStandard"
                  class="sel-width"
                  v-show="!reviewStandardScoreShow"
                >
                  <el-input
                    type="textarea"
                    :rows="4"
                    placeholder="请输入内容"
                    v-model="formData.reviewStandard"
                    :disabled="reviewStandardScoreDisabled"
                  >
                  </el-input>
                </el-form-item>
                <el-form-item
                  label="评审依据"
                  prop="reviewBasic"
                  class="sel-width"
                  v-show="!reviewStandardScoreShow"
                >
                  <el-input
                    type="textarea"
                    :rows="4"
                    placeholder="请输入内容"
                    v-model="formData.reviewBasic"
                    :disabled="reviewStandardScoreDisabled"
                  >
                  </el-input>
                </el-form-item>
                <el-form-item
                  label="评审方法"
                  prop="reviewOpinion"
                  class="sel-width"
                  v-show="!reviewStandardScoreShow"
                >
                  <el-input
                    type="textarea"
                    :rows="4"
                    placeholder="请输入内容"
                    v-model="formData.reviewOpinion"
                    :disabled="reviewStandardScoreDisabled"
                  >
                  </el-input>
                </el-form-item>
                <el-form-item
                  label="评分标准"
                  prop="reviewObjInformation"
                  class="sel-width"
                  v-show="!reviewStandardScoreShow"
                >
                  <el-input
                    type="textarea"
                    :rows="4"
                    placeholder="请输入内容"
                    v-model="formData.reviewObjInformation"
                    :disabled="reviewStandardScoreDisabled"
                  >
                  </el-input>
                </el-form-item>
              </el-form>
            </el-collapse-item>
            <el-collapse-item
              name="3"
              style="position: relative; z-index: 1 !important"
            >
              <template slot="title">
                <div class="always_title1">
                  <div></div>
                  附加信息
                </div>
              </template>
              <el-card class="card-item">
                <el-upload
                  multiple
                  style="position: relative"
                  :action="uploadFileUrl"
                  :on-error="handleUploadError"
                  :on-exceed="handleExceed"
                  :on-success="handleUploadSuccess"
                  :before-upload="handleBeforeUpload"
                  :limit="limit"
                  :file-list="fileList"
                  :headers="headers"
                  :show-file-list="false"
                >
                  <div
                    style="
                      font-weight: 700;
                      font-size: 15px;
                      display: block;
                      float: left;
                      padding-bottom: 20px;
                    "
                  ></div>
                  <div style="position: absolute; top: -5px; right: 0px">
                    <el-button
                      style="color: #0f8bf9; border-color: #0f8bf9"
                      plain
                      icon="el-icon-upload2"
                      v-show="buttonShow"
                      >文件上传</el-button
                    >
                    <el-button
                      @click="deleteSelectedRows"
                      style="color: #0f8bf9; border-color: #0f8bf9; width: 97px"
                      plain
                      icon="el-icon-delete"
                      v-show="buttonShow"
                      >删除</el-button
                    >
                  </div>
                </el-upload>
                <el-table
                  :data="tableData"
                  border
                  @selection-change="handleSelectionChange"
                >
                  <el-table-column type="selection" width="40">
                  </el-table-column>
                  <el-table-column
                    prop="oldFileName"
                    label="文件名"
                  ></el-table-column>
                  <el-table-column
                    prop="fileSize"
                    label="大小"
                  ></el-table-column>
                  <el-table-column
                    prop="createBy"
                    label="创建人"
                  ></el-table-column>
                  <el-table-column
                    prop="createTime"
                    label="创建时间"
                  ></el-table-column>
                  <el-table-column prop="size" label="操作">
                    <template slot-scope="{ row }">
                      <el-button @click="beforeRemoves(row)" v-show="fileShow"
                        >删除</el-button
                      >
                      <el-button @click="handlePictureCardPreview(row)">预览</el-button>
                    </template>
                  </el-table-column>
                </el-table>
              </el-card>
            </el-collapse-item>
          </el-collapse>
        </div>
      </el-col>
      <el-col :span="24" class="margin_col">
        <div class="always_handerOne1">
          <custom-buttons
            @back="handleBack"
            @confirm="handleConfirm"
            :handleShow="handleShow"
          ></custom-buttons>
        </div>
      </el-col>
    </el-row>
    <el-dialog :visible.sync="dialogVisible">
      <img width="100%" :src="dialogImageUrl" alt="">
    </el-dialog>
  </div>
</template>

<script>
import {
  listBasis,
  getBasis,
  delBasis,
  addBasis,
  updateBasis,
} from "../../../api/system/review/basis";
import {
  listFileInfo,
  getFilePath,
  delFileInfo,
  preview,
} from "../../../api/system/sysFileInfo/fileInfo";
import Treeselect from "@riophae/vue-treeselect";
import "@riophae/vue-treeselect/dist/vue-treeselect.css";
import CustomButtons from "@/components/CustomButton/CustomButton.vue";
import { getToken } from "@/utils/auth";
import { delOss } from "@/api/system/oss";
export default {
  dicts: ["sys_normal_disable", "sys_review_classify"],
  components: { CustomButtons, Treeselect },
  props: {
    // 值
    value: [String, Object, Array],
    // 数量限制
    limit: {
      type: Number,
      default: 5,
    },
    // 大小限制(MB)
    fileSize: {
      type: Number,
      default: 5,
    },
    // 文件类型, 例如['png', 'jpg', 'jpeg']
    fileType: {
      type: Array,
      default: () => ["doc", "xls", "ppt", "txt", "pdf"],
    },
  },
  data() {
    return {
      uploadFileUrl: process.env.VUE_APP_BASE_API + "/system/fileInfo/upload",
      //输入框的大小
      reviewObjective: null,
      medium: "medium",
      activeNames: ["1", "2", "3"],
      fileList: [],
      uploadList: [],
      number: 0,
      tableData: [],
      formData: {},
      deptOptions: undefined,
      title: "",
      dialogVisible:false,
      dialogImageUrl: '',
      rules: {
        reviewClassify: [
          { required: true, message: "评审类型不能为空", trigger: "change" },
        ],
        reviewProject: [
          { required: true, message: "评审项目不能为空", trigger: "change" },
        ],
        reviewStandardScore: [
          { required: true, message: "标准分不能为空", trigger: "change" },
        ],
      },
      headers: {
        Authorization: "Bearer " + getToken(),
      },
      FILEFileList: [],
      FILEUploadHeaders: {},
      FILEUploadData: {},
      projectDisabled: false,
      projectUpDisabled: false,
      classifyDisabled: false,
      reviewCodeDisabled: false,
      groupDisabled: false,
      remarkDisabled: false,
      buttonShow: true,
      handleShow: true,
      reviewStandardScoreShow: true,
      queryParams: {
        pageNum: 1,
        pageSize: 10,
        reviewClassify: undefined,
        reviewCode: undefined,
        reviewProject: undefined,
        reviewDate: undefined,
        reviewPerson: undefined,
        reviewPersonId: undefined,
        reviewObjInformation: undefined,
        reviewObjective: undefined,
        reviewStandard: undefined,
        reviewStandardScore: undefined,
        reviewOption: undefined,
        reviewBasic: undefined,
        reviewEndScore: undefined,
        reviewStatus: undefined,
        isControlPoint: undefined,
        remark: undefined,
        parentId: undefined,
      },
      fileShow: true,
      reviewStandardScoreDisabled: false,
      SORTOptions: [
        {
          label: "无",
          value: 0,
        },
      ],
    };
  },
  computed: {},
  watch: {},
  created() {
    this.getTitle();
    this.handleUpdate();
    console.log("query", this.$route.query);
  },
  mounted() {},
  methods: {
    getTitle() {
      const { ID, title, dataList } = this.$route.query;
      this.title = title;
    },
    replaceNameAndKey(data) {
      data = data.map((item) => {
        return {
          label: item.reviewProject,
          id: item.id,
          children: item.children
            ? this.replaceNameAndKey(item.children)
            : item.children,
        };
      });
      this.deptOptions = data;
      if (this.deptOptions.length > 0) {
        this.reviewObjective = this.deptOptions[0].id;
      }
      return this.deptOptions;
    },
    handleBack() {
      window.history.back();
      // 执行返回逻辑
    },
    handleInput(val) {
      const regex = /^\d+(\.\d{1})?$/;
      if (!regex.test(val)) {
        // 输入不符合正则表达式的规则，可以进行相应的处理
        this.$message({
          message: "请输入正数且最多为一位小数！",
          type: "warning",
        });
      }
    },
    handleConfirm() {
      this.$refs["vForm"].validate((valid) => {
        //获取文件的主键ID
        let fileData = "";
        for (let s = 0; s < this.tableData.length; s++) {
          if (this.tableData.length - 1 == s) {
            fileData += this.tableData[s].ID;
          } else {
            fileData += this.tableData[s].ID + ",";
          }
        }
        this.formData.createTime = null;
        this.formData.updateTime = null;
        let submitData = {
          fileDatas: fileData,
          formData: this.formData,
        };
        if (this.reviewObjective.length != 1) {
          this.formData.parentId = this.reviewObjective;
        } else {
          this.formData.parentId = this.reviewObjective[0];
        }
        if (this.formData.reviewStandardScore == "") {
          this.formData.reviewStandardScore = "0";
        }
        if (valid) {
          if (this.formData.id !== undefined) {
            this.formData.createBy = this.$store.getters.name;
            updateBasis(submitData)
              .then((response) => {
                this.$modal.msgSuccess("修改成功");
              })
              .finally(() => {
                this.$router.push("/review/basicdata/basicData");
                // this.buttonLoading = false
                this.$refs.formData.resetFields(); // 重置表单数据
                this.reset();
              });
          } else {
            this.formData.createBy = this.$store.getters.name;
            addBasis(submitData)
              .then((response) => {
                this.$modal.msgSuccess("新增成功");
              })
              .finally(() => {
                // this.buttonLoading = false;
                this.$refs.vForm.resetFields(); // 重置表单数据
                this.$router.push("/review/basicdata/basicData");
                this.reset();
              });
          }
        }
      });
    },
    //文件上传
    handleBeforeUpload(file) {
      // 校检文件类型
      // 校检文件大小
      if (this.fileSize) {
        const isLt = file.size / 1024 / 1024 < this.fileSize;
        if (!isLt) {
          this.$modal.msgError(`上传文件大小不能超过 ${this.fileSize} MB!`);
          return false;
        }
      }
      this.$modal.loading("正在上传文件，请稍候...");
      this.number++;
      return true;
    },
    // 文件个数超出
    handleExceed() {
      this.$modal.msgError(`上传文件数量不能超过 ${this.limit} 个!`);
    },
    // 上传失败
    handleUploadError(err) {
      this.$modal.msgError("上传文件失败，请重试");
      this.$modal.closeLoading();
    },
    // 上传成功回调
    handleUploadSuccess(res, file) {
      if (res.code === 200) {
        this.tableData.push({
          fileName: res.data.fileName,
          fileSize: res.data.fileSize + "KB",
          fileUrl: res.data.fileUrl,
          ID: res.data.id,
          businessKey: "",
          updateBy: res.data.updateBy,
          updateTime: res.data.updateTime,
          createBy: res.data.createBy,
          createTime: res.data.createTime,
          oldFileName: res.data.oldFileName,
        });
        this.uploadList.push({
          name: res.data.fileName,
          url: res.data.url,
          ossId: res.data.ossId,
        });
        this.uploadedSuccessfully();
      } else {
        this.number--;
        this.$modal.closeLoading();
        this.$modal.msgError(res.msg);
        this.$refs.fileUpload.handleRemove(file);
        this.uploadedSuccessfully();
      }
    },
    // 上传结束处理
    uploadedSuccessfully() {
      if (this.number > 0 && this.uploadList.length === this.number) {
        this.fileList = this.fileList.concat(this.uploadList);
        this.uploadList = [];
        this.number = 0;
        this.$emit("input", this.listToString(this.fileList));
        this.$modal.closeLoading();
      }
    },
    // 对象转成指定字符串分隔
    listToString(list, separator) {
      let strs = "";
      separator = separator || ",";
      for (let i in list) {
        strs += list[i].ossId + separator;
      }
      return strs != "" ? strs.substr(0, strs.length - 1) : "";
    },
    reset() {
      this.formData = {
        reviewClassify: undefined,
        reviewCode: undefined,
        reviewProject: undefined,
        reviewDate: undefined,
        reviewPerson: undefined,
        reviewPersonId: undefined,
        reviewObjInformation: undefined,
        reviewObjective: undefined,
        reviewStandard: undefined,
        reviewStandardScore: undefined,
        reviewOpinion: undefined,
        reviewBasic: undefined,
        reviewEndScore: undefined,
        reviewStatus: undefined,
        isControlPoint: 1,
        remark: undefined,
        conditions: undefined,
        groups: undefined,
        refId: undefined,
        createBy: undefined,
      };
    },
    isControlPointChange() {
      if (this.formData.isControlPoint == 1) {
        this.reviewStandardScoreShow = true;
        this.formData.reviewObjInformation = "";
        this.formData.reviewOpinion = "";
        this.formData.reviewBasic = "";
        this.formData.reviewStandard = "";
      } else {
        this.reviewStandardScoreShow = false;
      }
    },
    classifyChange() {
      this.formData.reviewClassify = this.formData.reviewClassify.label;
    },
    submitForm() {},
    toFixed(value) {
      return parseFloat(value).toFixed(1).replace(/\.0+$/, "");
    },
    handleUpdate() {
      const { ID } = this.$route.query;
      this.reset();
      console.log('this.$route.query.flowId',this.$route.query)
      if (this.$route.query.flowId == 1) {
        this.replaceNameAndKey(this.$route.query.dataList);

        getBasis(ID).then((response) => {
          this.loading = false;
          if (response.data.isControlPoint == "否") {
            response.data.isControlPoint = 1;
          } else if (response.data.isControlPoint == "是") {
            response.data.isControlPoint = 2;
          }
          this.formData = response.data;
          this.formData.reviewStandardScore = this.toFixed(
            this.formData.reviewStandardScore
          );
          if (this.formData.parentId == 0) {
            this.deptOptions = [];
            this.deptOptions = [{ id: "0", label: "无" }];
            this.reviewObjective = "0";
          } else {
            this.reviewObjective = this.formData.parentId;
          }
          this.isControlPointChange();
          let ID = {
            ids: this.$route.query.ID[0],
          };
          getFilePath(ID).then((res) => {
            res.data.forEach((item) => {
              item.fileSize += "KB";
            });
            this.tableData = res.data;
          });
        });
      } else if (this.$route.query.flowId == 2) {
        this.replaceNameAndKey(this.$route.query.dataList);
        if (this.$route.query.IDS != 0) {
          this.reviewObjective = this.$route.query.IDS;
        } else {
          this.formData.parentId = ID;
        }
      } else if (this.$route.query.flowId == 3) {
        this.reviewStandardScoreDisabled = true;
        this.fileShow = false;
        this.handleShow = false;
        this.replaceNameAndKey(this.$route.query.dataList);
        this.projectDisabled = true;
        this.projectUpDisabled = true;
        this.classifyDisabled = true;
        this.reviewCodeDisabled = true;
        this.groupDisabled = true;
        this.remarkDisabled = true;
        this.buttonShow = false;
        getBasis(this.$route.query.queryId).then((response) => {
          this.loading = false;
          if (response.data.isControlPoint == "否") {
            response.data.isControlPoint = 1;
          } else if (response.data.isControlPoint == "是") {
            response.data.isControlPoint = 2;
          }
          this.formData = response.data;
          this.formData.reviewStandardScore = this.toFixed(
            this.formData.reviewStandardScore
          );
          if (this.formData.parentId == 0) {
            this.deptOptions = [];
            this.deptOptions = [{ id: "1", label: "无" }];
            this.reviewObjective = "1";
          } else {
            this.reviewObjective = this.formData.parentId;
          }
          this.isControlPointChange();
          let IDS_ = {
            ids: this.$route.query.queryId,
          };
          getFilePath(IDS_).then((res) => {
            res.data.forEach((item) => {
              item.fileSize += "KB";
            });
            this.tableData = res.data;
          });
        });
      }
    },
    resetForm() {
      this.$refs["vForm"].resetFields();
    },
    handleSuccess(response, file, fileList) {
      // 文件上传成功后，将文件信息添加到表格数据中
      this.fileList = fileList;
      this.tableData.push({
        fileName: file.name,
        fileSize: (file.size / 1024).toFixed(2) + "KB",
        fileUrl: URL.createObjectURL(file.raw),
        ID: file.uid,
        businessKey: "",
      });
      this.formData.groups = this.tableData;
    },
    handlePreview(file) {},
    handleRemove(file, fileList) {
      // 文件删除时，同时从表格数据中删除对应的文件信息
      this.fileList = fileList.filter((item) => {
        return this.tableData.some((data) => data.fileName === item.name);
      });
      this.tableData = this.tableData.filter(
        (item) => item.fileName !== file.name
      );
    },
    beforeRemoves(row) {
      this.$confirm(`确定移除 ${row.oldFileName}？`)
        .then(() => {
          const index = this.tableData.indexOf(row);
          if (index !== -1) {
            this.tableData.splice(index, 1);
            this.fileList.splice(index, 1);
          }
          let sa = "";
          if (row.id == undefined) {
            sa = row.ID;
          } else {
            sa = row.id;
          }
          delFileInfo(sa).then((res) => {});
          this.handleRemove(row, this.fileList);
        })
        .catch(() => {});
    },
    handlePictureCardPreview(row){
      preview(row.ID).then((s) =>{
        console.log(row)
        if (s != ""){
          this.dialogImageUrl = window.URL.createObjectURL(new Blob([s], { type: "image/jpeg" }));
          this.dialogVisible = true;
          return;
        }
      })
    },
    handleSelectionChange(val) {
      this.selectedRows = val;
    },
    deleteSelectedRows(event) {
      event.stopPropagation();
      //获取选中数据
      let ids = "";
      this.$confirm(`确定移除 ？`)
        .then(() => {
          this.selectedRows.forEach((row) => {
            if (row.id == undefined) {
              ids += row.ID + ",";
            } else {
              ids += row.id + ",";
            }
            const index = this.tableData.indexOf(row);
            if (index !== -1) {
              this.tableData.splice(index, 1);
              this.fileList.splice(index, 1);
            }
          });
          ids = ids.substring(0, ids.length - 1);
          delFileInfo(ids).then((res) => {});
          this.selectedRows = [];
        })
        .catch(() => {});
    },
  },
};
</script>

<style lang="scss" scoped>
.el_col {
  display: flex;
  justify-content: space-evenly;
  align-content: center;
}
.card-container {
  height: 80%; /* 设置容器的高度为 100% */
  display: flex;
  flex-direction: column;
}
.card-item {
  flex: 1; /* 平分容器的宽度 */
}
#FormDialog {
  height: 100%;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}
.dialog-footer1 {
  width: 100%;
  height: 6vh;
  background: #ffffff;
  text-align: center;
  line-height: 6vh;
}
.el-card {
  margin-top: 10px;
}
.el-select {
  width: 100%;
}
.el-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.el-form-item {
  width: 30%;
}
.el-date-editor.el-input,
.el-date-editor.el-input__inner {
  width: 100%;
}
.el-form-item {
  margin-bottom: 11px;
}
.el-table {
  min-height: 50% !important;
}
.always_handerOne {
  height: 80px;
  background-color: #ffffff;
  // border-radius: 14px;
}
.always_handerOne1 {
  height: auto;
  background-color: #ffffff;
  // border-radius: 14px;
  padding: 20px;
}
.always_title {
  font-size: 20px;
  font-weight: bold;
  line-height: 53px;
  margin-left: 30px;
}
.always_title1 {
  font-size: 18px;
  font-weight: bold;
  // line-height: 53px;
  margin-left: 15px;
  position: relative;
}
.always_title1 ::before {
  content: "|";
  flex-shrink: 0;
  width: 4px;
  height: 6%;
  margin-left: 12px;
  // background: #f90;
  color: #f90;
  position: absolute;
  left: -22px;
  margin-bottom: 12px;
}
.always_hander {
  background: url(../../../assets/images/header0.png);
  height: 20px;
  width: 100%;
}
// .margin_col {
//   margin-bottom: 20px;
// }
.el_formContent .el-form-item {
  width: 50%;
}
.sel-width {
  width: 90%;
}
</style>
<style>
.el-collapse-item__content {
  padding-bottom: 0px;
  font-size: 13px;
  color: #303133;
  line-height: 1.7692307692;
}
.el-card[data-v-1e9190c8] {
  margin-top: 0px;
}
.el-collapse-item .el-collapse-item__wrap {
  /* overflow: inherit !important; */
  will-change: height;
  background-color: #ffffff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* border-bottom: 1px solid #e6ebf5; */
}
</style>
